<style>
    body {
        background: #f3f3f3;
    }

    .comment li {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: .5rem;
        background: white;
        margin-bottom: 1px;
        color: #333;
    }

    .userImg {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        overflow: hidden;
    }

    .userImg img {
        width: 100%;
        height: 100%;
    }

    .conCnt {
        width: 80%;
    }

    .textCnt {
        font-size: 80%;
        margin-top: .2rem;
        color: #666;
    }

    .user-time {
        color: #666;
        font-size: 80%;
    }

    .conCnt .name {
        font-size: 110%;
    }

    @media screen and (min-width: 320px) and (max-width: 360px) {}

    @media screen and (min-width: 360px) and (max-width: 413px) {}

    @media screen and (min-width: 414px) {}
</style>
<ul class="comment">
    <li ng-repeat="commentList in commentList track by $index">
        <div class="userImg">
            <img ng-src="{{httpSrc+commentList.header}}" alt="用户头像">
        </div>
        <div class="conCnt">
            <div class="userName_time">
                <p class="name">{{commentList.name}}</p>
                <span class="user-time">{{commentList.create_time||"0.0.0"}}</span>
            </div>
            <div class="textCnt">
                {{commentList.content}}
            </div>
        </div>
    </li>

    <div class="weui-loadmore" ng-if="commentList.length>5">
        <i class="weui-loading"></i>
        <span class="weui-loadmore__tips">正在加载</span>
    </div>
</ul>